<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 1. 编写一个注册用户信息页面，需求如下：

    表单中包括：用户名，密码，性别，学历（本科，专科），自我介绍；
    
    输入完用户名后校验只能是"admin"，否则弹框提示错误
    
    点击提交执行后执行事件，把自我介绍的内容弹框提示出来； -->


    <form action="#" method="get" name="myForm" onsubmit="return validateForm()">
        <p>账号：<input type="text"  name="fname"></p>
        <p>密码：<input type="password"></p>
        <p>性别：
            <input type="radio" name="sex">男
            <input type="radio" name="sex">女
        </p>
        <p>
            学历:
            <select>
                <option>本科</option>
                <option>专科</option>
            </select>
        </p>

        <p>
            个人简介：
            <textarea id="test"></textarea>
        </p>


        <p>
            <input type="submit" value="提交">
            <input type="reset" value="清空">
            
        </p>

    </form>


    <script>
        function validateForm(){
        var x=document.forms["myForm"]["fname"].value;
        if (x!="admin"){
          alert("用户名错误");
          return false;
          }else{
              var test = document.getElementById("test");
              var test = test.value;
              alert("个人简介：" +test)
          }
        }
    </script>


</body>
</html>